<template>
    <div>
      <el-row>
        <el-col span="20" offset="2">
          <el-card class="box-card">
            <div slot="header" class="clearfix">
              <span>订单信息</span>
            </div>
              <el-row :gutter="16">
                <el-col span="6">
                  <div>
                    <label style="float: left">订单号&nbsp;&nbsp;&nbsp;:</label>
                    <el-input autocomplete="off"  @input="changeInput" style="width: 150px;float: left;margin-top: -5px"></el-input>
                  </div>
                </el-col>
                <el-col span="6">
                  <div>
                    <label style="float: left">订单状态:</label>
                    <el-input autocomplete="off"  @input="changeInput" style="width: 150px;float: left;margin-top: -5px"></el-input>
                  </div>
                </el-col>
                <el-col span="6">
                  <div>
                    <label style="float: left">下单时间:</label>
                    <el-input autocomplete="off"  @input="changeInput" style="width: 150px;float: left;margin-top: -5px"></el-input>
                  </div>
                </el-col>
              </el-row>

            <div style="margin-top: 15px">
              <el-row :gutter="16">
                <el-col span="6">
                  <div>
                    <label style="float: left">门店名称:</label>
                    <el-input autocomplete="off"  @input="changeInput" style="width: 150px;float: left;margin-top: -5px"></el-input>
                  </div>
                </el-col>
                <el-col span="6">
                  <div>
                    <label style="float: left">商品名称:</label>
                    <el-input autocomplete="off"  @input="changeInput" style="width: 150px;float: left;margin-top: -5px"></el-input>
                  </div>
                </el-col>
                <el-col span="6">
                  <div>
                    <label style="float: left">商品数量:</label>
                    <el-input autocomplete="off"  @input="changeInput" style="width: 150px;float: left;margin-top: -5px"></el-input>
                  </div>
                </el-col>
              </el-row>
            </div>

            <div style="margin-top: 15px">
              <el-row :gutter="16">
                <el-col span="6">
                  <div>
                    <label style="float: left">终端编码:</label>
                    <el-input autocomplete="off"  @input="changeInput" style="width: 150px;float: left;margin-top: -5px"></el-input>
                  </div>
                </el-col>
                <el-col span="6">
                  <div>
                    <label style="float: left">优惠金额:</label>
                    <el-input autocomplete="off"  @input="changeInput" style="width: 150px;float: left;margin-top: -5px"></el-input>
                  </div>
                </el-col>
                <el-col span="6">
                  <div>
                    <label style="float: left">会员手机:</label>
                    <el-input autocomplete="off"  @input="changeInput" style="width: 150px;float: left;margin-top: -5px"></el-input>
                  </div>
                </el-col>
              </el-row>
            </div>

            <div style="margin-top: 15px">
              <el-row :gutter="16">
                <el-col span="6">
                  <div>
                    <label style="float: left">收银人员:</label>
                    <el-input autocomplete="off"  @input="changeInput" style="width: 150px;float: left;margin-top: -5px"></el-input>
                  </div>
                </el-col>
                <el-col span="6">
                  <div>
                    <label style="float: left">订单金额:</label>
                    <el-input autocomplete="off"  @input="changeInput" style="width: 150px;float: left;margin-top: -5px"></el-input>
                  </div>
                </el-col>
                <el-col span="6">
                  <div>
                    <label style="float: left">支付时间:</label>
                    <el-input autocomplete="off"  @input="changeInput" style="width: 150px;float: left;margin-top: -5px"></el-input>
                  </div>
                </el-col>
              </el-row>
            </div>

          </el-card>
        </el-col>
      </el-row>
    </div>
</template>

<script>
    export default {
        name: "SalesListDetailsHeader",
      data(){
          return {}
      }
    }
</script>
<style scoped>

  .clearfix {
    display: table;
    align-content: left;
  }

</style>
